<template>
  <div class="el-mr-parreturnSearch">
    <div>
      <el-button size="mini" type="primary" @click="prSearching">查询</el-button>
    </div>
    <div>
      <ul>
      <li>
        <el-input
          size="mini"
          v-model="wuliaoNum"
          placeholder="请输入内容"
        ></el-input>
        <span>物料编码：</span>
      </li>
      <!-- <li>
        <el-input
          size="mini"
          v-model="returnds"
          placeholder="请输入内容"
           
        ></el-input>
        <span>退库单号：</span>
      </li> -->
      <!-- <li>
        <el-input
          size="mini"
          v-model="returnyjdw"
          placeholder="请输入内容"
           
        ></el-input>
        <span>退库移交单位：</span>
      </li>
      <li>
        <el-input
          size="mini"
          v-model="returnjsdw"
          placeholder="请输入内容"
           
        ></el-input>
        <span>退库接收单位：</span>
      </li> -->
      
      <li>
        <el-input
          size="mini"
          v-model="pici"
          placeholder="请输入内容"
           
        ></el-input>
        <span>批次：</span>
      </li>
      <li>
        <el-input
          size="mini"
          v-model="startjiaci"
          placeholder="请输入内容"
           
        ></el-input>
        <span>起始架次：</span>
      </li>
      <li>
        <el-input
          size="mini"
          v-model="endjiaci"
          placeholder="请输入内容"
           
        ></el-input>
        <span>截止架次：</span>
      </li>
      <li>
        <el-input
          size="mini"
          v-model="qualityNum"
          placeholder="请输入内容"
           
        ></el-input>
        <span>质量编号：</span>
      </li>
      <!-- <li>
        <el-input
          size="mini"
          v-model="finishType"
          placeholder="请输入内容"
           
        ></el-input>
        <span>成品型号：</span>
      </li> -->
      <!-- <li>
        <el-input
          size="mini"
          v-model="fujianType"
          placeholder="请输入内容"
           
        ></el-input>
        <span>父件型号：</span>
      </li> -->
      <!-- <li>
        <el-input
          size="mini"
          v-model="returnyj"
          placeholder="请输入内容"
           
        ></el-input>
        <span>退库依据：</span>
      </li> -->
      <li>
         <el-select size="mini" v-model="returnzt" placeholder="请选择">
          <el-option
            v-for="item in options3"
            :key="item.value"
            :label="item.label"
            :value="item.value"
          >
          </el-option>
        </el-select>
        <span>退库状态：</span>
      </li>
      <li>
        <el-input
          size="mini"
          v-model="wuliaoName"
          placeholder="请输入内容"
           
        ></el-input>
        <span>物料名称：</span>
      </li>
      <li>
        <el-input
          size="mini"
          v-model="sqPerson"
          placeholder="请输入内容"
           
        ></el-input>
        <span>申请人：</span>
      </li>
      <li>
        <el-date-picker size="mini" v-model="startTime" type="date" placeholder="选择日期"></el-date-picker>
        <span>申请日期 从：</span>
      </li>
      <li>
        <el-date-picker size="mini" v-model="endTime" type="date" placeholder="选择日期"></el-date-picker>
        <span>到：</span>
      </li>
      <!-- <li>
        <el-select size="mini" v-model="value2" placeholder="请选择">
          <el-option
            v-for="item in options2"
            :key="item.value"
            :label="item.label"
            :value="item.label"
          >
          </el-option>
        </el-select>
        <span>返修计划类型：</span>
      </li> -->
    </ul>
    </div>
  </div>
</template>
<script>
import { partReturnSearch } from "@/utils/api.js"

export default {
  name: "ImFqTopInput",
  data() {
    return {
      // 分页参数
      pageInfoNum:10,
      pageNum:1,
      options1: [
        {
          value: "选项1",
          label: "歼十",
        },
        {
          value: "选项2",
          label: "歼十",
        },
      ],
      options2: [
        {
          value: "选项1",
          label: "按原分工生成返修计划",
        },
        {
          value: "选项2",
          label: "按其他生成返修计划",
        },
      ],
       options3: [
        {
          value: "1",
          label: "编辑中",
        },
        {
          value: "2",
          label: "待接收",
        },
        {
          value: "3",
          label: "待确认",
        },
        {
          value: "4",
          label: "保管待接收",
        },
        {
          value: "5",
          label: "已驳回",
        },
        {
          value: "6",
          label: "结束",
        },
        {
          value: "",
          label: "所有状态",
        }
      ],
      // 物料编码
      wuliaoNum:"",
      // 退库单号
      returnds:"",
      // 退库移交单位
      returnyjdw:"",
      // 退库接收单位
      returnjsdw:"",
      // 图号
      tuhao:"",
      //  批次
      pici: "",
      //  起始架次
      startjiaci: "",
      //  截止架次
      endjiaci:"",
      // 质量编号
      qualityNum:"",
      // 成品型号
      finishType:"",
      // 父件型号
      fujianType:"",
      // 退库依据
      returnyj:"",
      // 退库状态
      returnzt:"",
      // 申请人
      sqPerson:"",
      // 开始时间
      startTime:"",
      // 结束时间
      endTime:"",
      // 物料名字
      wuliaoName:"",
      // 下拉
      value1: "",
      value2: "",
    };
  },
  methods:{
     // 零件退货本页TOP查询按钮
    prSearching(){
      partReturnSearch({
        searchParams:{
          // 物料编码
          itemCode:this.wuliaoNum,
          // 退库单号
          // billNo:this.returnds,
          // 退库移交单位
          // returnDeliveryShop:this.returnyjdw,
          // 退库接收单位
          // returnReceiveShop:this.returnjsdw, 
          // 机型
          productCode:this.value1,
          // 批次
          batchNo:this.pici,
          // 起始架次
          startLotNo:this.startjiaci,
          // 截止架次
          endLotNo:this.endjiaci, 
          // 质量编号
          qualityCode:this.qualityNum,
          // 退库依据
          // accordingNo:this.returnyj, 
          // 退库状态
          returnStatus:this.returnzt,
          // 申请人 
          applyEmpCode:this.sqPerson,
          // 申请日期
          startTime:this.startTime,
          endTime:this.endTime,
        },
        pageParameter:{
          rows:this.pageInfoNum,
          page:this.pageNum
        }
      }).then((res)=>{
        console.log('零件退货查询',res)
        // 将数据传给Table进行显示
        this.$bus.$emit('prSearchInfo',res.data.responseBody.result)
      })
      
    },  
  },
  mounted(){
    // 接收零件退货首页Table每页展示数量变化的val，查询数据并返回数据
    this.$bus.$on('prtMidTableDataNum',(e)=>{
      // 每页条数赋值
      this.pageInfoNum = e
       partReturnSearch({
        searchParams:{
          // 物料编码
          itemCode:this.wuliaoNum,
          // 退库单号
          // billNo:this.returnds,
          // 退库移交单位
          // returnDeliveryShop:this.returnyjdw,
          // 退库接收单位
          // returnReceiveShop:this.returnyjdw, 
          // 机型
          productCode:this.value1,
          // 批次
          batchNo:this.pici,
          // 起始架次
          startLotNo:this.startjiaci,
          // 截止架次
          endLotNo:this.endjiaci, 
          // 质量编号
          qualityCode:this.qualityNum,
          // 退库依据
          // accordingNo:this.returnyj, 
          // 退库状态
          returnStatus:this.returnzt,
          // 申请人 
          applyEmpCode:this.sqPerson,
          // 申请日期
          startTime:this.startTime,
          endTime:this.endTime,
        },
        pageParameter:{
          rows:this.pageInfoNum,
          page:this.pageNum
        }
      }).then((res)=>{
        // console.log('零件退货查询',res)
        // 将数据传给Table进行显示
        this.$bus.$emit('prSearchInfo',res.data.responseBody.result)
      })
    })
    // 接收零件退货首页Table页数变化的val，查询数据并返回数据
    this.$bus.$on('prtMidTableDataPage',(e)=>{
      // 每页条数赋值 页数赋值
      this.pageNum = e.pageNum
      this.pageInfoNum = e.pageSize
      partReturnSearch({
        searchParams:{
          // 物料编码
          itemCode:this.wuliaoNum,
          // 退库单号
          // billNo:this.returnds,
          // 退库移交单位
          // returnDeliveryShop:this.returnyjdw,
          // 退库接收单位
          // returnReceiveShop:this.returnyjdw, 
          // 机型
          productCode:this.value1,
          // 批次
          batchNo:this.pici,
          // 起始架次
          startLotNo:this.startjiaci,
          // 截止架次
          endLotNo:this.endjiaci, 
          // 质量编号
          qualityCode:this.qualityNum,
          // 退库依据
          // accordingNo:this.returnyj, 
          // 退库状态
          returnStatus:this.returnzt,
          // 申请人 
          applyEmpCode:this.sqPerson,
          // 申请日期
          startTime:this.startTime,
          endTime:this.endTime,
        },
        pageParameter:{
          rows:this.pageInfoNum,
          page:this.pageNum
        }
      }).then((res)=>{
        // console.log('零件退货查询',res)
        // 将数据传给Table进行显示
        this.$bus.$emit('prSearchInfo',res.data.responseBody.result)
      })
    })
    // 退货单保存按钮传过来---统查Table
        this.$bus.$on('partIndexAllSarch',(e)=>{
            partReturnSearch({
              searchParams:{
               // 物料编码
              itemCode:'',
              // 退库单号
              // billNo:'',
              // 退库移交单位
              // returnDeliveryShop:'',
              // 退库接收单位
              // returnReceiveShop:'', 
              // 机型
              productCode:'',
              // 批次
              batchNo:'',
              // 起始架次
              startLotNo:'',
              // 截止架次
              endLotNo:'', 
              // 质量编号
              qualityCode:'',
              // 退库依据
              // accordingNo:this.returnyj, 
              // 退库状态
              returnStatus:'',
              // 申请人 
              applyEmpCode:'',
              // 申请日期
              startTime:'',
              endTime:'',
              },
              pageParameter:{
                rows:this.pageInfoNum,
                page:1
              }
            }).then((res)=>{
              console.log('退货单刷新Table',res)
              // 将数据传给Table进行显示
              this.$bus.$emit('prSearchInfo',res.data.responseBody.result)
            })
        })
  }
};
</script>
<style scoped>
.el-select {
  width: 160px;
}
.el-input {
  width: 160px;
}
.el-mr-parreturnSearch {
  width: 100%;
  /* height: 200px; */
  overflow: hidden;
  margin-top: 10px;
  border-bottom: 1px dotted rgb(141, 129, 129);
}
.el-mr-parreturnSearch ul li {
  float: left;
  width: 23%;
  height: 30px;
  line-height: 30px;
  margin-right: 1%;
  margin-bottom: 5px;
  overflow: hidden;
}
.el-mr-parreturnSearch ul li span {
  float: right;
}
.el-mr-parreturnSearch ul li div {
  float: right;
}
</style>
